<html>
<head>
	<title>
		this is title
	</title>
	<style type="text/css">
		* {
			/*
			margin: 0px;
			padding: 0px;
			*/
		}
		ol#questionsList li{
			list-style-type: none;
			margin-top: -1px;
			height: 30px;
		}
		ol#questionsList li span{
			display: inline-block;
			border: #9bcbdb 1px solid;
			border-width: 1px 1px 1px 0px;
		}
		ol#questionsList li span.num{
			width: 20px;
		}
		ol#questionsList li span.desc{
			width: 255px;
		}
		ol#questionsList li span.bar{
			border-color: #ddd;
		}
		ol#questionsList li span.bar.item{
			background-color:
		}
		ol#questionsList li span.bar.item{
			background-color:
		}
		ol#questionsList li span.bar.item{
			background-color:
		}
		ol#questionsList li span.bar.item{
			background-color:
		}
		ol#questionsList li span.bar.item{
			background-color:
		}
		ol#questionsList li span.bar.item{
			background-color:
		}
		ol#questionsList li span.bar.item{
			background-color:
		}
		
	</style>
</head>
<body>
	<ol id="questionsList">
		<li>
			<span class="num">1</span>
			<span class="desc">A A A AAAAAAAAAAAAAA...</span>
			<a class='ansData'>-33</a>
		</li>
		
		
		<li>
			<span class="num">2</span>
			<span class="desc">BBBBBBBBBBBBB BBBBBB...</span>
			<a class='ansData'>-33</a>
		</li>
		
		
		<li>
			<span class="num">3</span>
			<span class="desc">CCCCCCCCCCCCCCC CCCC...</span>
			<a class='ansData'>-33</a>
		</li>
		
		
			rightAnswer
		
		<li>
			<span class="num">4</span>
			<span class="desc">DDDDDDDDDDDDDDDD DDD...</span>
			<a class='ansData'>-33</a>
		</li>
		
		
		<li>
			<span class="num">5</span>
			<span class="desc">EEEEEEEEEEEEEEEEEEE ...</span>
			<a class='ansData'>-33</a>
		</li>
	</ol>
</body>
</html>